import React from 'react'


import './HomeHotUI.less'
export default class HomeHot extends React.Component {


    render() {
        let { data, title } = this.props
        return (
            <div className='hotproduct'>
                <h3>{title}</h3>
            
                <div className="hot-container">
                    <ul className="clear-fix">

                        
                        {data.map((item, index) => {
                            return (
                                <li key={index+item.id}>
                                    <a href={item.link}>

                                        <img src={item.img} alt={item.title} />
                                        <span>  {item.title}</span>

                                    </a>
                                </li>
                            )
                        })}
                    </ul>
                </div>

            </div>

        )
    }
}